/* common */

* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    font-family: microsoft yahei;
    background-color: #f6f6f6;
}

a, a:link, a:visited {
    text-decoration: none;
    color: inherit;
}


/*  header */

.header {
    background: #369;
    color: #fff;
    font-size: 1.2rem;
    font-family: consolas, microsoft yahei;
    margin-bottom: 30px;
}

.header .logo {
    height: 4rem;
    line-height: 4rem;
    /* padding-left: 16px; */
}

.header .nav {
    height: 4rem;
    line-height: 4rem;
}

.header ul.navbar {
    list-style: none;
    height: inherit;
    /* padding-right: 16px; */
}

.header ul.navbar li {
    display: inline-block;
    padding: 0 16px;
    float: left;
    text-align: center;
}

.header .navbar li:hover {
    cursor: pointer;
    background-color: #357;
}


/* slider */

.slider {
    width: 100%;
    height: 300px;
    margin-bottom: 30px;
}

.sliderbg {
    height: 100%;
    width: 100%;
}

.slider01 {
    background: url('images/pic07.jpg')  #69d no-repeat ;
    background-size: cover;
}

.slider02 {
    display: none;
    background: #693;
}


/*  body content  */

.content.container {
    height: 600px;
}

.module {
    margin: 10px auto;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.module.only-wide {
    background-color: yellow;
}

.module.only-narrow {
    background-color: lightblue;
}

.module.only-mobile {
    background-color: green;
}


/* side bar */


/*  footer  */

.footer {
    height: 16rem;
    background-color: #333;
    color: #f0f0f0;
}